#header {
    padding: 5px 40px;
    text-align: center;
    line-height: 35px;
    .h_left {
        color: #fff;
        position: absolute;
        left: 14px;
        top: 16px;
    }
    span {
        color: #fff;
    }
}

.view {
    padding: 10px;
    position: relative;
    height: 60px;
    .search_form {
        #search_inp {
            height: 40px;
            margin: 0;
            padding: 0;
            font-size: 14px;
            border: 1px solid #0094ff;
            text-indent: 10px;
        }
        #search_btn {
            position: absolute;
            top: 10px;
            right: 10px;
            height: 40px;
            background-color: #0094ff;
            color: #fff;
            border: none;
        }
    }
    .history_list {
        height: 40px;
        color: #a5a5a5;
        .history_title {
            height: 100%;
            display: flex;
            justify-content: space-between;
            color: #a5a5a5;
            span {
                display: block;
                width: 60px;
                height: 40px;
                font-size: 14px;
                line-height: 40px;
            }
            button {
                width: 60px;
                height: 40px;
                margin: 0;
                padding: 0;
                border: none;
                font-size: 14px;
                color: #a5a5a5;
            }
        }
        .history_contain {
            font-size: 14px;
            ul {
                list-style: none;
                margin: 0;
                padding: 0;
                border-left: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
                li {
                    padding: 5px 10px;
                    border-top: 1px solid #ccc;
                    border-right: 1px solid #ccc;
                    display: flex;
                    justify-content: space-between;
                    font-size: 14px;
                    color: #a5a5a5;
                }
            }
        }
    }
}